<template>

</template>
<script setup lang="ts">
import { ref, reactive, readonly, shallowReactive } from "vue";
// reactive proxy 不能直接赋值， 否则破坏响应式对象
// 解决方案，数组可以使用push    
let obj = reactive({
  name: "hahaha",
  age: 23
});

const obj2 = shallowReactive({
  foo: {
    bar: {
      num: 1
    }
  }
});

let list = readonly(obj);
</script>